<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3动态背景登录框代码</title>

<link rel="stylesheet" type="text/css" href="css/styles1.css">
<style type="text/css">
body,td,th { font-family: "Source Sans Pro", sans-serif; }
body { background-color: #74c6ab; }
</style>
</head>
<body>


<div class="wrapper">

	<div class="container">
		<h1>Welcome</h1>
		<!--  <form class="form">-->
		<form class="form" action="logincheck" method="post">
        <table>
        	<tr><td>登录身份选择:</td><td><select name='shenfen'><option value='0'>用户身份</option><option value='1'>管理员身份</option></select></td></tr>
			<tr><td>用户名:</td><td><input type="text" name="username" placeholder="请输入用户名"></td></tr>
			<tr><td>密码:</td><td><input type="password" name="password" placeholder="请输入密码"></td></tr>
            <tr><td>验证码:</td><td><input type="text" name="checkCode" placeholder="请输入验证码" id="checkCode" title="验证码区分大小写"  size="8" maxlength="4" /></td></tr>
            <tr><td>验证码:</td><td><img src="PictureCheckCode" id="CreateCheckCode" align="middle"></td>  
            <td><a href="login.jsp" onclick="myReload()"> 看不清,换一个</a></td>  
            </tr>			 
			<tr><td><input type="submit" value="登录" onload=tiaozhuan()/></td><td>  <input  type="button" onclick="window.location.href('register.jsp?state=1')" value="注册"> </td></tr>
			
        </table>
        </form>
            
		<!--</form>-->
	</div>
	
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
</div>

<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript">

$('#login-button').click(function(event){
	event.preventDefault();
	$('form').fadeOut(500);
	$('.wrapper').addClass('form-success');
});

</script>

</body>
</html>
